*{
    padding: 0;
    margin: 0;
}

.inStu{
    z-index: 1;
    cursor: pointer;
    position: absolute;
    width: 15%;
    height: 5%;
    left: 40%;
    top: 85%;
    border: rgba(234, 234, 234, 0.76);
    background-color: cadetblue;
    border-radius: 20px;
    font-size: 15px;
    color: white;
}

a{
    text-decoration:none;
    color: #0C0C0C;
    font-family: "Agency FB";
}
.mydiv{
    width: 500px;
    height: 350px;
    background: white;
    border:1px solid black;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-200px;
    margin-top:-150px;
    display:none;
}
.mydiv2{
    width: 500px;
    height: 350px;
    background: white;
    border:1px solid black;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-200px;
    margin-top:-150px;
    display:none;
}

.s_class{
    margin-left: 5%;
    margin-top: 10%;
}
.s_id{
    margin-left: 6%;
    margin-top: 4%;
}
.s_name{
    margin-left: 5%;
    margin-top: 4%;
}
.s_img{
    margin-left: 5%;
    margin-top: 4%;
}
.s_system{
    margin-left: 5%;
    margin-top: 4%;
}
.gb{
    margin-left: 90%;
}
.gb2{
    margin-left: 90%;
}

.t_class{
    margin-left: 24%;
}

.t_id{
    margin-left: 24%;
}
.t_name{
    margin-left: 24%;
}
.t_img{
    margin-left: 24%;
}
.t_system{
    margin-left: 24%;
}

table.dataintable {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;

}

table.dataintable th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #3F3F3F;
    text-align:left;
    color:#fff;
}

table.dataintable td {
    vertical-align:text-top;
    padding:6px 15px 6px 6px;
    border:1px solid #aaa;
}

table.dataintable tr:nth-child(odd) {
    background-color:#F5F5F5;
}

table.dataintable tr:nth-child(even) {
    background-color:#fff;
}
#Dx{
    width: 70%;
    height: 800px;
    margin:0 auto;
}



